<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/templateMain.xhtml">
	<ui:define name="content">
		
		<h:form>
			
			<p:outputLabel value="Administrador :"/>
			<p:outputLabel value="#{pedidoHomeBean.u.nombre}" />
			<center>		
			<p:panelGrid columns="6">		
			<p:outputLabel value="Fecha Pedido"/>
			<p:calendar id="fecha" value="#{pedidoHomeBean.fecha}" showOn="button" />
			<p:outputLabel value="Estado" />
			<p:selectOneMenu value="#{pedidoHomeBean.estadoPedido}">
					<f:selectItem itemLabel="Seleccionar"/>
					<f:selectItem itemValue="Iniciado" itemLabel="INICIADO"/>
					<f:selectItem itemValue="Confirmado" itemLabel="CONFIRMADO"/>
					<f:selectItem itemValue="Anulado" itemLabel="ANULADO"/>
			</p:selectOneMenu>			
			
			<p:commandButton value="Buscar...." icon="ui-icon-extlink" action="#{pedidoHomeBean.buscarPedidos}"  update="pedidos"/>
			<p:commandButton id="showPopup" value = "Nuevo Pedido" onclick="PF('dlg').show();" />
			</p:panelGrid>
			
			</center>
			
			
			<p:outputLabel></p:outputLabel>
			
			<!-- 			TABLA DE PEDIDOS   -->
			
			<p:dataTable id = "pedidos" value="#{pedidoHomeBean.list}" var="p" 
			             widgetvar="pedidos" scrollable="true" scrollHeight="300" editable="true">
				
				
				<f:facet name="header">
            	<p:outputPanel>
                	<h:outputText value="Tabla de Pedidos" />
                </p:outputPanel>
        		</f:facet>
        		        		
        		<p:column headerText=" Acciones " style="width:300px">
           			<center> 
           			<p:commandButton icon="ui-icon-pencil" action="#{pedidoHomeBean.probando}" />
           			<p:commandButton icon="ui-icon-check" action="#{pedidoHomeBean.probando}" />
           			<p:commandButton icon="ui-icon-close" action="#{pedidoHomeBean.probando}" />
    				</center>
       			</p:column>
			
				<p:column headerText = "ID Pedido" >
					<p:outputLabel value= "#{p.pedidoId}"/>
				</p:column>
				
				<p:column headerText = "Fecha" >
					<p:outputLabel value="#{p.fechaPedido}"/>
				</p:column>
				
				<p:column headerText = "Total">
					<p:outputLabel value = "#{p.total}"/>
				</p:column>
				
				<p:column headerText = "Estado">
					<p:outputLabel value = "#{p.estado}"/>
				</p:column>
				
			</p:dataTable>
			
		</h:form>
		
		<h:form>
				<p:dialog header ="Ingrese una fecha para el pedido" widgetVar="dlg" 
					modal="true" height="100" width="500" >
						
						<p:panelGrid id="panel" columns="2">
						<h:inputText id="fechaPedido" required="true" value="#{pedidoHomeBean.fechaPedido}" requiredMessage="Ingrese una Fecha dd/mm/yyyy">
								<f:convertDateTime pattern="dd/MM/yyyy" />
								<f:validator validatorId="ValidarFechaPedido"/>
						</h:inputText>
							
							<p:commandButton id="submit" value ="Registrar"  actionListener="#{pedidoHomeBean.probando}" update="panel" />
							<p:message  for="fechaPedido"  errorStyle="colo:blue"/>
						</p:panelGrid>
					
				</p:dialog>
		</h:form>
		
	 </ui:define>
</ui:composition>
</html>